<template>
  <div>
    <!-- 2. 在使用组件时，组件标签内填入内容 -->
    <!-- <MyDialog>
      <div>你确认要删除么</div>
    </MyDialog>

    <MyDialog>
      <p>你确认要退出么</p>
    </MyDialog>
    <my-dialog></my-dialog> -->
    <my-dialog>
      <template #header>
        <h3>谁是张浩然的娘</h3>
      </template>
      <template #content> <h1>赖总</h1> </template>
      <!-- <template #footer>
        <button>取消</button>
        <button>确认</button>
      </template> -->

      <!-- 没有名字的插槽默认名为 default -->
      <template #default>
        <button>取消</button>
        <button>确认</button>
      </template>
    </my-dialog>
  </div>
</template>

<script>
import MyDialog from '04-插槽-默认插槽/components/MyDialog.vue';
export default {
  data() {
    return {};
  },
  components: {
    MyDialog
  },
};
</script>

<style>
body {
  background-color: #b3b3b3;
}
</style>